<template>
    <div class="footeritem" @click="tp()">
        <slot name="text"></slot>
    </div>
</template>

<script>
export default {
    name:'footeritem',
    props:{
        href:{
            type:String
        }
    },
    methods: {
        tp() {
            window.open(`${this.href}`)
        },
    },
}
</script>

<style scoped>
     .footeritem{
         font-size: .8rem;
         color:#6B737C;
         margin-bottom: 15px;
         max-width: 100px;
         width: 100px;
         letter-spacing: 0px;
         cursor: pointer;
         text-overflow:ellipsis;
     }
     .footeritem:hover{
         color: blue;
         text-decoration: underline;
     }
</style>